/*----------------------------------------------------------------------------\
|                       Cross Browser Tree Widget 1.17                        |
|-----------------------------------------------------------------------------|
|                          Created by Emil A Eklund                           |
|                  (http://webfx.eae.net/contact.html#emil)                   |
|                      For WebFX (http://webfx.eae.net/)                      |
|-----------------------------------------------------------------------------|
| An object based tree widget,  emulating the one found in microsoft windows, |
| with persistence using cookies8. Works in IE 5+, Mozilla and konqueror 3.    |
|-----------------------------------------------------------------------------|
|          Copyright (c) 2000, 2001, 2002, 2003, 2006 Emil A Eklund           |
|-----------------------------------------------------------------------------|
| Licensed under the Apache License, Version 2.0 (the "License"); you may not |
| use this file except in compliance with the License.  You may obtain a copy |
| of the License at http://www.apache.org/licenses/LICENSE-2.0                |
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| Unless  required  by  applicable law or  agreed  to  in  writing,  software |
| distributed under the License is distributed on an  "AS IS" BASIS,  WITHOUT |
| WARRANTIES OR  CONDITIONS OF ANY KIND,  either express or implied.  See the |
| License  for the  specific language  governing permissions  and limitations |
| under the License.                                                          |
|-----------------------------------------------------------------------------|
| Dependencies: xtree.css (To set up the CSS of the tree classes)             |
|-----------------------------------------------------------------------------|
| 2001-01-10 | Original Version Posted.                                       |
| 2001-03-18 | Added getSelected and get/setBehavior  that can make it behave |
|            | more like windows explorer, check usage for more information.  |
| 2001-09-23 | Version 1.1 - New features included  keyboard  navigation (ie) |
|            | and the ability  to add and  remove nodes dynamically and some |
|            | other small tweaks and fixes.                                  |
| 2002-01-27 | Version 1.11 - Bug fixes and improved mozilla support.         |
| 2002-06-11 | Version 1.12 - Fixed a bug that prevented the indentation line |
|            | from  updating correctly  under some  circumstances.  This bug |
|            | happened when removing the last item in a subtree and items in |
|            | siblings to the remove subtree where not correctly updated.    |
| 2002-06-13 | Fixed a few minor bugs cased by the 1.12 bug-fix.              |
| 2002-08-20 | Added usePersistence flag to allow disable of cookies8.         |
| 2002-10-23 | (1.14) Fixed a plus icon issue                                 |
| 2002-10-29 | (1.15) Last changes broke more than they fixed. This version   |
|            | is based on 1.13 and fixes the bugs 1.14 fixed withou breaking |
|            | lots of other things.                                          |
| 2003-02-15 | The  selected node can now be made visible even when  the tree |
|            | control  loses focus.  It uses a new class  declaration in the |
|            | css file '.webfx-tree-item a.selected-inactive', by default it |
|            | puts a light-gray rectangle around the selected node.          |
| 2003-03-16 | Adding target support after lots of lobbying...                |
| 2006-05-26 | Changed license to Apache Software License 2.0.                |
|-----------------------------------------------------------------------------|
| Created 2000-12-11 | All changes are in the log above. | Updated 2006-05-26 |
\----------------------------------------------------------------------------*/
var webFXTreeConfig = {
    rootIcon        : '../../images/designBom/foldericon.png',
    openRootIcon    : '../../images/designBom/openfoldericon.png',
    folderIcon      : '../../images/designBom/foldericon.png',
    openFolderIcon  : '../../images/designBom/openfoldericon.png',
    fileIcon        : '../../images/designBom/file.png',
    iIcon           : '../../images/designBom/I.png',
    lIcon           : '../../images/designBom/L.png',
    lMinusIcon      : '../../images/designBom/Lminus.png',
    lPlusIcon       : '../../images/designBom/Lplus.png',
    tIcon           : '../../images/designBom/T.png',
    tMinusIcon      : '../../images/designBom/Tminus.png',
    tPlusIcon       : '../../images/designBom/Tplus.png',
    blankIcon       : '../../images/designBom/blank.png',
    defaultText     : 'Tree Item',
    defaultAction   : 'javascript:void(0);',
    defaultBehavior : 'classic',
    usePersistence: true
};
var webFXTreeHandler = {
    idCounter : 0,
    idPrefix  : "webfx-tree-object-",
    all       : {},
    behavior  : null,
    selected  : null,
    onSelect  : null,
    getId     : function() {
        return this.idPrefix + this.idCounter++;
    },
    toggle    : function (oItem) {
        this.all[oItem.id.replace('-plus','')].toggle();
    },
    select    : function (oItem) {
        this.all[oItem.id.replace('-icon','')].select();
    },
    focus     : function (oItem) {
        this.all[oItem.id.replace('-anchor','')].focus();
    },
    blur      : function (oItem) {
        this.all[oItem.id.replace('-anchor','')].blur();
    },
    keydown   : function (oItem, e) {
        return this.all[oItem.id].keydown(e.keyCode);
    },
    cookies8   : new WebFXCookie(),
    insertHTMLBeforeEnd:function (oElement, sHTML) {
        if (oElement.insertAdjacentHTML != null) {
            oElement.insertAdjacentHTML("BeforeEnd", sHTML)
            return;
        }
        var df;
        var r = oElement.ownerDocument.createRange();
        r.selectNodeContents(oElement);
        r.collapse(false);
        df = r.createContextualFragment(sHTML);
        oElement.appendChild(df);
    }
};
function WebFXCookie() {
}
WebFXCookie.prototype.setCookie = function (key, value) {
    }
WebFXCookie.prototype.getCookie = function (key) {
    return null;
}
function WebFXTreeAbstractNode(sText, sAction) {
    this.childNodes  = [];
    this.id     = webFXTreeHandler.getId();
    this.text   = sText || webFXTreeConfig.defaultText;
    this.action = sAction || webFXTreeConfig.defaultAction;
    this._last  = false;
    webFXTreeHandler.all[this.id] = this;
}
WebFXTreeAbstractNode.prototype.add = function (node, bNoIdent) {
    node.parentNode = this;
    this.childNodes[this.childNodes.length] = node;
    var root = this;
    if (this.childNodes.length >= 2) {
        this.childNodes[this.childNodes.length - 2]._last = false;
    }
    while (root.parentNode) {
        root = root.parentNode;
    }
    if (root.rendered) {
        if (this.childNodes.length >= 2) {
            document.getElementById(this.childNodes[this.childNodes.length - 2].id + '-plus').src = ((this.childNodes[this.childNodes.length -2].folder)?((this.childNodes[this.childNodes.length -2].open)?webFXTreeConfig.tMinusIcon:webFXTreeConfig.tPlusIcon):webFXTreeConfig.tIcon);
            this.childNodes[this.childNodes.length - 2].plusIcon = webFXTreeConfig.tPlusIcon;
            this.childNodes[this.childNodes.length - 2].minusIcon = webFXTreeConfig.tMinusIcon;
            this.childNodes[this.childNodes.length - 2]._last = false;
        }
        this._last = true;
        var foo = this;
        while (foo.parentNode) {
            for (var i = 0; i < foo.parentNode.childNodes.length; i++) {
                if (foo.id == foo.parentNode.childNodes[i].id) {
                    break;
                }
            }
            if (i == foo.parentNode.childNodes.length - 1) {
                foo.parentNode._last = true;
            }
            else {
                foo.parentNode._last = false;
            }
            foo = foo.parentNode;
        }
        webFXTreeHandler.insertHTMLBeforeEnd(document.getElementById(this.id + '-cont'), node.toString());
        if ((!this.folder) && (!this.openIcon)) {
            this.icon = webFXTreeConfig.folderIcon;
            this.openIcon = webFXTreeConfig.openFolderIcon;
        }
        if (!this.folder) {
            this.folder = true; this.collapse(true);
        }
        if (!bNoIdent) {
            this.indent();
        }
    }
    return node;
}
WebFXTreeAbstractNode.prototype.toggle = function() {
    if (this.folder) {
        if (this.open) {
            this.collapse();
        }
        else {
            this.expand();
        }
    }
    }
WebFXTreeAbstractNode.prototype.select = function() {
    }
WebFXTreeAbstractNode.prototype.deSelect = function() {
    }
WebFXTreeAbstractNode.prototype.focus = function() {
    if ((webFXTreeHandler.selected) && (webFXTreeHandler.selected != this)) {
        webFXTreeHandler.selected.deSelect();
    }
    webFXTreeHandler.selected = this;
    if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) {
        document.getElementById(this.id + '-icon').src = this.openIcon;
    }
    document.getElementById(this.id + '-anchor').className = 'selected';
    document.getElementById(this.id + '-anchor').focus();
    if (webFXTreeHandler.onSelect) {
        webFXTreeHandler.onSelect(this);
    }
}
WebFXTreeAbstractNode.prototype.blur = function() {
    if ((this.openIcon) && (webFXTreeHandler.behavior != 'classic')) {
        document.getElementById(this.id + '-icon').src = this.icon;
    }
    document.getElementById(this.id + '-anchor').className = 'selected-inactive';
}
WebFXTreeAbstractNode.prototype.doExpand = function() {
    if (webFXTreeHandler.behavior == 'classic') {
        document.getElementById(this.id + '-icon').src = this.openIcon;
    }
    if (this.childNodes.length) {
        document.getElementById(this.id + '-cont').style.display = 'block';
    }
    this.open = true;
}
WebFXTreeAbstractNode.prototype.doCollapse = function() {
    if (webFXTreeHandler.behavior == 'classic') {
        document.getElementById(this.id + '-icon').src = this.icon;
    }
    if (this.childNodes.length) {
        document.getElementById(this.id + '-cont').style.display = 'none';
    }
    this.open = false;
}
WebFXTreeAbstractNode.prototype.expandAll = function() {
    this.expandChildren();
    if ((this.folder) && (!this.open)) {
        this.expand();
    }
}
WebFXTreeAbstractNode.prototype.expandChildren = function() {
    for (var i = 0; i < this.childNodes.length; i++) {
        this.childNodes[i].expandAll();
    }
}
WebFXTreeAbstractNode.prototype.collapseAll = function() {
    this.collapseChildren();
    if ((this.folder) && (this.open)) {
        this.collapse(true);
    }
}
WebFXTreeAbstractNode.prototype.collapseChildren = function() {
    for (var i = 0; i < this.childNodes.length; i++) {
        this.childNodes[i].collapseAll();
    }
}
WebFXTreeAbstractNode.prototype.indent = function(lvl, del, last, level, nodesLeft) {
    if (lvl == null) {
        lvl = -2;
    }
    var state = 0;
    for (var i = this.childNodes.length - 1; i >= 0 ; i--) {
        state = this.childNodes[i].indent(lvl + 1, del, last, level);
        if (state) {
            return;
        }
    }
    if (del) {
        if ((level >= this._level) && (document.getElementById(this.id + '-plus'))) {
            if (this.folder) {
                document.getElementById(this.id + '-plus').src = (this.open)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.lPlusIcon;
                this.plusIcon = webFXTreeConfig.lPlusIcon;
                this.minusIcon = webFXTreeConfig.lMinusIcon;
            }
            else if (nodesLeft) {
                document.getElementById(this.id + '-plus').src = webFXTreeConfig.lIcon;
            }
            return 1;
        }
        }
    var foo = document.getElementById(this.id + '-indent-' + lvl);
    if (foo) {
        if ((foo._last) || ((del) && (last))) {
            foo.src =  webFXTreeConfig.blankIcon;
        }
        else {
            foo.src =  webFXTreeConfig.iIcon;
        }
    }
    return 0;
}
function WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon) {
    this.base = WebFXTreeAbstractNode;
    this.base(sText, sAction);
    this.icon      = sIcon || webFXTreeConfig.rootIcon;
    this.openIcon  = sOpenIcon || webFXTreeConfig.openRootIcon;
    if (webFXTreeConfig.usePersistence) {
        this.open  = (webFXTreeHandler.cookies8.getCookie(this.id.substr(18,this.id.length - 18)) == '0')?false:true;
    } else {
        this.open  = true;
    }
    this.folder    = true;
    this.rendered  = false;
    this.onSelect  = null;
    if (!webFXTreeHandler.behavior) {
        webFXTreeHandler.behavior = sBehavior || webFXTreeConfig.defaultBehavior;
    }
}
WebFXTree.prototype = new WebFXTreeAbstractNode;
WebFXTree.prototype.setBehavior = function (sBehavior) {
    webFXTreeHandler.behavior =  sBehavior;
};
WebFXTree.prototype.getBehavior = function (sBehavior) {
    return webFXTreeHandler.behavior;
};
WebFXTree.prototype.getSelected = function() {
    if (webFXTreeHandler.selected) {
        return webFXTreeHandler.selected;
    }
    else {
        return null;
    }
}
WebFXTree.prototype.remove = function() { }
WebFXTree.prototype.expand = function() {
    this.doExpand();
}
WebFXTree.prototype.collapse = function(b) {
    if (!b) {
        this.focus();
    }
    this.doCollapse();
}
WebFXTree.prototype.getFirst = function() {
    return null;
}
WebFXTree.prototype.getLast = function() {
    return null;
}
WebFXTree.prototype.getNextSibling = function() {
    return null;
}
WebFXTree.prototype.getPreviousSibling = function() {
    return null;
}
WebFXTree.prototype.keydown = function(key) {
    if (key == 39) {
        if (!this.open) {
            this.expand();
        }
        else if (this.childNodes.length) {
            this.childNodes[0].select();
        }
        return false;
    }
    if (key == 37) {
        this.collapse(); return false;
    }
    if ((key == 40) && (this.open) && (this.childNodes.length)) {
        this.childNodes[0].select(); return false;
    }
    return true;
}
WebFXTree.prototype.toString = function() {
    var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
    "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">" +
    "<a href=\"javascript:href_link('"+this.action+"');\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\"" +
    ">" + this.text + "</a></div>" +
    "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
    var sb = [];
    for (var i = 0; i < this.childNodes.length; i++) {
        sb[i] = this.childNodes[i].toString(i, this.childNodes.length);
    }
    this.rendered = true;
    return str + sb.join("") + "</div>";
};
function WebFXTreeItem(sText, sAction, eParent, sIcon, sOpenIcon) {
    this.base = WebFXTreeAbstractNode;
    this.base(sText, sAction);
    if (webFXTreeConfig.usePersistence) {
        this.open = (webFXTreeHandler.cookies8.getCookie(this.id.substr(18,this.id.length - 18)) == '1')?true:false;
    } else {
        this.open = false;
    }
    if (sIcon) {
        this.icon = sIcon;
    }
    if (sOpenIcon) {
        this.openIcon = sOpenIcon;
    }
    if (eParent) {
        eParent.add(this);
    }
}
WebFXTreeItem.prototype = new WebFXTreeAbstractNode;
WebFXTreeItem.prototype.remove = function() {
    var iconSrc = document.getElementById(this.id + '-plus').src;
    var parentNode = this.parentNode;
    var prevSibling = this.getPreviousSibling(true);
    var nextSibling = this.getNextSibling(true);
    var folder = this.parentNode.folder;
    var last = ((nextSibling) && (nextSibling.parentNode) && (nextSibling.parentNode.id == parentNode.id))?false:true;
    this.getPreviousSibling().focus();
    this._remove();
    if (parentNode.childNodes.length == 0) {
        document.getElementById(parentNode.id + '-cont').style.display = 'none';
        parentNode.doCollapse();
        parentNode.folder = false;
        parentNode.open = false;
    }
    if (!nextSibling || last) {
        parentNode.indent(null, true, last, this._level, parentNode.childNodes.length);
    }
    if ((prevSibling == parentNode) && !(parentNode.childNodes.length)) {
        prevSibling.folder = false;
        prevSibling.open = false;
        iconSrc = document.getElementById(prevSibling.id + '-plus').src;
        iconSrc = iconSrc.replace('minus', '').replace('plus', '');
        document.getElementById(prevSibling.id + '-plus').src = iconSrc;
        document.getElementById(prevSibling.id + '-icon').src = webFXTreeConfig.fileIcon;
    }
    if (document.getElementById(prevSibling.id + '-plus')) {
        if (parentNode == prevSibling.parentNode) {
            iconSrc = iconSrc.replace('minus', '').replace('plus', '');
            document.getElementById(prevSibling.id + '-plus').src = iconSrc;
        }
        }
    }
WebFXTreeItem.prototype._remove = function() {
    for (var i = this.childNodes.length - 1; i >= 0; i--) {
        this.childNodes[i]._remove();
    }
    for (var i = 0; i < this.parentNode.childNodes.length; i++) {
        if (this == this.parentNode.childNodes[i]) {
            for (var j = i; j < this.parentNode.childNodes.length; j++) {
                this.parentNode.childNodes[j] = this.parentNode.childNodes[j+1];
            }
            this.parentNode.childNodes.length -= 1;
            if (i + 1 == this.parentNode.childNodes.length) {
                this.parentNode._last = true;
            }
            break;
        }
        }
    webFXTreeHandler.all[this.id] = null;
    var tmp = document.getElementById(this.id);
    if (tmp) {
        tmp.parentNode.removeChild(tmp);
    }
    tmp = document.getElementById(this.id + '-cont');
    if (tmp) {
        tmp.parentNode.removeChild(tmp);
    }
}
WebFXTreeItem.prototype.expand = function() {
    this.doExpand();
    document.getElementById(this.id + '-plus').src = this.minusIcon;
}
WebFXTreeItem.prototype.collapse = function(b) {
    if (!b) {
        this.focus();
    }
    this.doCollapse();
    document.getElementById(this.id + '-plus').src = this.plusIcon;
}
WebFXTreeItem.prototype.getFirst = function() {
    return this.childNodes[0];
}
WebFXTreeItem.prototype.getLast = function() {
    if (this.childNodes[this.childNodes.length - 1].open) {
        return this.childNodes[this.childNodes.length - 1].getLast();
    }
    else {
        return this.childNodes[this.childNodes.length - 1];
    }
}
WebFXTreeItem.prototype.getNextSibling = function() {
    for (var i = 0; i < this.parentNode.childNodes.length; i++) {
        if (this == this.parentNode.childNodes[i]) {
            break;
        }
    }
    if (++i == this.parentNode.childNodes.length) {
        return this.parentNode.getNextSibling();
    }
    else {
        return this.parentNode.childNodes[i];
    }
}
WebFXTreeItem.prototype.getPreviousSibling = function(b) {
    for (var i = 0; i < this.parentNode.childNodes.length; i++) {
        if (this == this.parentNode.childNodes[i]) {
            break;
        }
    }
    if (i == 0) {
        return this.parentNode;
    }
    else {
        if ((this.parentNode.childNodes[--i].open) || (b && this.parentNode.childNodes[i].folder)) {
            return this.parentNode.childNodes[i].getLast();
        }
        else {
            return this.parentNode.childNodes[i];
        }
    }
}
WebFXTreeItem.prototype.keydown = function(key) {
    if ((key == 39) && (this.folder)) {
        if (!this.open) {
            this.expand();
        }
        else {
            this.getFirst().select();
        }
        return false;
    }
    else if (key == 37) {
        if (this.open) {
            this.collapse();
        }
        else {
            this.parentNode.select();
        }
        return false;
    }
    else if (key == 40) {
        if (this.open) {
            this.getFirst().select();
        }
        else {
            var sib = this.getNextSibling();
            if (sib) {
                sib.select();
            }
        }
        return false;
    }
    else if (key == 38) {
        this.getPreviousSibling().select(); return false;
    }
    return true;
}
WebFXTreeItem.prototype.toString = function (nItem, nItemCount) {
    var foo = this.parentNode;
    var indent = '';
    if (nItem + 1 == nItemCount) {
        this.parentNode._last = true;
    }
    var i = 0;
    while (foo.parentNode) {
        foo = foo.parentNode;
        indent = "<img id=\"" + this.id + "-indent-" + i + "\" src=\"" + ((foo._last)?webFXTreeConfig.blankIcon:webFXTreeConfig.iIcon) + "\">" + indent;
        i++;
    }
    this._level = i;
    if (this.childNodes.length) {
        this.folder = 1;
    }
    else {
        this.open = false;
    }
    if ((this.folder) || (webFXTreeHandler.behavior != 'classic')) {
        if (!this.icon) {
            this.icon = webFXTreeConfig.folderIcon;
        }
        if (!this.openIcon) {
            this.openIcon = webFXTreeConfig.openFolderIcon;
        }
    }
    else if (!this.icon) {
        this.icon = webFXTreeConfig.fileIcon;
    }
    var label = this.text.replace(/</g, '&lt;').replace(/>/g, '&gt;');
    var str = "<div id=\"" + this.id + "\" ondblclick=\"webFXTreeHandler.toggle(this);\" class=\"webfx-tree-item\" onkeydown=\"return webFXTreeHandler.keydown(this, event)\">" +
    indent +
    "<img id=\"" + this.id + "-plus\" src=\"" + ((this.folder)?((this.open)?((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon):((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon)):((this.parentNode._last)?webFXTreeConfig.lIcon:webFXTreeConfig.tIcon)) + "\" onclick=\"webFXTreeHandler.toggle(this);\">" +
    "<img id=\"" + this.id + "-icon\" class=\"webfx-tree-icon\" src=\"" + ((webFXTreeHandler.behavior == 'classic' && this.open)?this.openIcon:this.icon) + "\" onclick=\"webFXTreeHandler.select(this);\">" +
    "<a href=\"javascript:href_link('"+this.action+"');\" id=\"" + this.id + "-anchor\" onfocus=\"webFXTreeHandler.focus(this);\" onblur=\"webFXTreeHandler.blur(this);\""  +
    ">" + label + "</a></div>" +
    "<div id=\"" + this.id + "-cont\" class=\"webfx-tree-container\" style=\"display: " + ((this.open)?'block':'none') + ";\">";
    var sb = [];
    for (var i = 0; i < this.childNodes.length; i++) {
        sb[i] = this.childNodes[i].toString(i,this.childNodes.length);
    }
    this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon);
    this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon);
    return str + sb.join("") + "</div>";
}